<script setup lang="ts">
defineProps<{
	fontSize: string
}>()

import { watch } from 'vue';
import { computed, ref,onMounted  } from 'vue';
import dayjs from 'dayjs';
import SystemStarting from './SystemStarting.vue';
import SystemDesktop from './SystemDesktop.vue';
const starting = ref(true);
onMounted(() => {
	starting.value = true;
})
function startFinish(){
	starting.value = false;
}
</script>

<template>
  		<div class="system" :style="{fontSize:fontSize}">		
			<SystemStarting v-if="starting" @startFinish="startFinish" />	
			<SystemDesktop v-else fontSize="0.6em"></SystemDesktop>
		</div>
</template>

<style scoped>
		.system{
			/* font-size: 0.5rem; */
			width: 100%;
			height: 100%;
			background-color: #000;		
			display: flex;	
		}
</style>